.row-fluid.headRow
  h1.span4.contentHeader
    | Oppdrag
    .contentHeaderDesc Oversikt over alle oppdrag
  .span5
    .quartalSelection.btn-group.inline-block
        a#quartal1(class="btn", data-quarter="1") Jan - Mar
        a#quartal2(class="btn", data-quarter="2") Apr - Jun
        a#quartal3(class="btn", data-quarter="3") Jul - Sep
        a#quartal4(class="btn", data-quarter="4") Okt - Des
    .btn-group.inline-block.yearSelector(data-year= year)
        a#year(data-toggle="dropdown",href="#").btn.btn-info.dropdown-toggle
            = year
            span.caret
        ul#yearValues.dropdown-menu.bottom-up
  .span3
    //.buttonGroup.pull-right
    //    .viewButton(id="createButton", class="redButton") Opprett
    //.buttonGroup.pull-right
    //    .viewButton(id="quartalView",class="redButton") Kvartal
    //    .viewButton(id="excelView",class="greyButton") Excel
    ul.nav.nav-pills.pull-right(style="margin-bottom:0px")
      li.active
        a#quartalView(href='#quartaltab', data-toggle='pill') Kvartal
      li
        a#excelView(data-toggle='pill', href='#excelGroup') Liste
      li
        a#ganttView(data-toggle='pill', href='#gantt') Gantt
.tab-content
    #quartaltab.quartalGroup.tab-pane.active
        div.quartal1
            div.period#period1
                h3= quarter[0]
            div.period#period2
                h3= quarter[1]
            div.period#period3
                h3= quarter[2]
        div.quartal2
            div.period#period4
                h3= quarter[3]
            div.period#period5
                h3= quarter[4]
            div.period#period6
                h3= quarter[5]
        div.quartal3
            div.period#period7
                h3= quarter[6]
            div.period#period8
                h3= quarter[7]
            div.period#period9
                h3= quarter[8]
        div.quartal4
            div.period#period10
                h3= quarter[9]
            div.period#period11
                h3= quarter[10]
            div.period#period12
                h3= quarter[11]
        br(style='clear:both;')
    div.tab-pane(id='excelGroup',style='display:none')
    div.tab-pane(id='gantt',style='width:85%;height:75%;position:absolute;display:none')


